
@media (max-width: 1200px){
  .banner .col-md-5{
    width: 100%;
    height: auto;
  }
  .banner .about-nav nav{
    width: 32.45%;
    margin: a auto;
  }
  /*.main .profile .col-lg-5{
    width: 41.675%;
  }*/
  .main .profile .img{
    width: 100%;
    height: auto;
  }
  /*.main .profile .col-lg-7{
    width: 80.68%;
  }*/
  .main-word .col-lg-3{
    width: 15.125%;
  }
  .main-word .left .col-lg-3{
    width: 28.6458%;
  }
  .main .col-lg-1 {
    width:15%;
  }
}


/*手机端适配*/
@media (max-width: 767px) {
  .main-title{
    margin: 0 0 4% 0;
  }
  .banner-img .col-lg-12{
    height: 120px;
  }
  .pc-asxi{
    display: none;
  }
  .mobile-asxi{
    display: block;
  }
  .course-things{
    width: 92%;
    margin: auto;
  }
  .mobile .main{
    padding: 0;
    width: 92%;
  }
  .course-things>section p{
    /*font-size: 233%;*/
    line-height: 2.33rem;
    color: #666;
  }
  .course-things>section{
    margin-bottom: 2.34rem;
  }
  .mobile-year{
    font-size: 233%;
    color: #333;
    line-height: 2.33rem;
    font-weight: bold;
  }
  .time{
    background-color: #fff;
  }

  .main-title span{
    display: none;
    color: rgb(51,51,51);
    padding-bottom: 10px;
  }
  .main-title{
    /*font-size: 1.666rem;*/
    /*font-weight: "PingFang SC Regular"*/
  }
  .main-title p{
    /*height: 5.167rem;*/
    /*line-height: 2;*/
    margin-top:0;
    padding:4% 0;
  }
  .introduce>section{
    /*font-size: 1.2rem;*/
    font-family:"PingFang SC Medium"
  }
  .cbp_tmlabel p{
    font-size: 1.2rem;
    word-spacing: 0.2rem;
  }

  /*nav导航*/
  .about-nav .nav-tabs{
    width: auto;
  }
  /*移动发展历程*/
  .profile .col-lg-5 {
    display: none;
  }
  .introduce img{
    display: none;
  }
  .introduce{
    width: 100%;
    padding-top: 0;
  }
  .course-img{
    display: block;
  }


  /*移动联系我们*/
  .mobile .us .col-lg-7{
    float: none;
    width: 100%;
  }
  .contact{
    background-color: #f8f8f8;
  }
  .contact .main .main-title,.search,.turn-page .col-lg-12{
    display: none;
  }
  .contact-title{
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 0 4%;
  }
  .contact .turn-page{
    padding-bottom: 2.66rem;
  }
  .mobile .us .col-lg-5{
    display: none;
  }
  .contact-title  .col-lg-4{
    float: none;
    padding: 0;
    width: 100%;
    border-radius: 0;
  }
  .input input{
    width: 100%;
    border: 1px solid #d0111a;
    border-radius: 0;
    color: #d0111a;
  }
  .contact-title .col-lg-1{
    float: none;
    width: 100%;
    padding:2.66rem 0;
   }
  .put-btn{
    border-radius: 0;
  }
  .comp-add{
    background-color: #f8f8f8;
  }
  .comp-add li{
    border-bottom: 0;
  }
  .comp-add li .col-lg-3{
    float: none;
    width: 100%;
  }
  .comp-add .comp p{
    border: 0;
    line-height: 2.5rem;
  }
  .comp-add li .col-lg-9{
    width: 100%;
    padding: 0;
    line-height: 2rem;
  }
  /*.turn-page .col-lg-12{
    display: none;
  }*/
  .loading{
    display: block;
    width: 100%;
    font-size: 266%;
    text-align: center;
    line-height: 3.3335rem;
    color: #fff;
    margin-top: 2.66rem;
    background-color: #d0111a;
  }

  /*高管寄语*/
  .leader{
    width: 100%;
  }
  /*宣传视频*/
  .mobile-video .main{
    width: 100%;
    padding-bottom: 0;
  }
  .view-file section{
    height: auto;
  }
  .movie{
    width: 100%;
    padding-top: 1.916rem;
  }
  #slide-box{
    width: 86.667%;
    height: auto;
    margin: auto;
  }
  #slide-box .wrap {
    width: 100%;
  }
  #slide-box .JQ-slide-nav{
    display: none;
  }
  #slide-box .hover-img{
    width: 27.07%;
    /*height: 4.1667rem;*/
    padding: 0;
    margin:0 0.5rem;
    background-size: 7.4rem;;
  }
  .open-img {
    bottom: 77%;
    right: 38%;
  }
  #slide-box .hover-img img{
    width: 100%;
    height: auto;
  }
  .hover-img img:hover{
    position: relative;
    left: 5px;
    top: 4px;
  }
  .hover-img p{
    text-indent: inherit;
    text-align: center;
    font-family: "PingFang SC Medium"
  }
  .mobile-view-img{
    display: none;
  }
  .btn-sign {
    width: 100%;
      text-align: center;
      position: absolute;
      top: 30.55%;
      left: inherit;
  }
  .btn-sign img{
      width: 2.5rem;
      height: 2.5rem;
  }
  .btn-sign p{
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 1.667rem;
  }
  
  #jp_container_1{
    height: auto;
  }
  .jp-type-single{
    width: 100%;
  }
  .jp-video-360p .jp-video-play{

  }
  .hy-view-close{
    width: 20px;
    height: 20px;
    line-height: 20px;
    right: -6.38%;
    display: none;
  }
  .jp-video-play-icon{
    width: 56%;
    height: 50%;

  }
/*企业文化*/
  .culture .main{
    width: 100%;
    padding-bottom: 0;
  }
  .main-imgInfo .row{
    position: relative;
    margin-bottom: 1.25rem;
  }
  .main-imgInfo .main-img{
    float: none;
    width: 100%;
    /*height: 12.5rem;*/
  }
  .main-imgInfo img{
    height: 100%;
  }
  .main-imgInfo .col-lg-9{
    width: 93%;
    margin-top: 6%;
  }
  .main-imgInfo .main-word{
    background: rgba(0, 0, 0, 0.5);
    float: none;
    width: 100%;
    height: 100%;
    padding:0;
    position: absolute;
    top: 0;
  }
  .main-imgInfo .main-word .col-lg-3{
    width: 3.66667%;
  }
  .main-word-left{
    z-index: 5;
  }
  .main-word-left p, .main-word-left h3{
    width: 100%;
    padding:0;
    text-align: right;
  }
  .main-word h3 img{
    display: none;
  }
  .main-word .col-lg-9 h3{
    color: #fff;
    line-height: 5rem;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .main-word .col-lg-9 p{
    color: #fff;
    line-height: 2.4rem;
  }
  .main-word h3 span{
    color: #fff;
    font-weight: normal;
  }
  .redline{
    display: none;
  }

  .header-nav-span{
    color: #333;
  }

  .view-file {
    height:310px;
  }
  #jp_poster_1,#jp_poster_2,#jp_poster_0{
    height:100% !important;
    vertical-align:baseline;
  }
  #jquery_jplayer_1,#jquery_jplayer_2,#jquery_jplayer_3 {
    height:225px !important;
  }
  /*.jp-video-360p .jp-video-play {
    margin-top: -454px !important;
    height: 225px !important;
  }*/
  .jp-video-play-icon {
    margin-left: -100px !important;
    margin-top:-36px !important;
  }
  .jp-jplayer video {
    height:225px !important;
  }
}

@media (min-width: 1920px) {
  .main .us .col-lg-5 {
    width:38%;
  }
  .form .col-lg-4 {
    margin-left:16%;
  }
}
